<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
        <!-- prva sekcija -->
       <div class="main-container">
       		<section class="section">
              <div class="about-us">
              	<h2>ABOUT US</h2>
                <p>Our BookishFellow team consists of passionate bookworms (just like you) who are crazy about books and everything that has to do with them. Bookishfellow is an extension of the existing eBook business which was started up in 2006 and we’ve managed to build up a great expertise through publishing and distribution of numerous titles.
                </p>
                <p>We want to help our authors to reach a wide reading audience and be in full control of their eBooks. We don’t require exclusivity and our only aim is to help writers to make their dreams come true – to publish a book and reach people who will love their work.</p>
                <img src="img/logo.png" alt="xxx">
              </div>
            </section>
            <!-- /prva sekcija -->
       		<!-- druga sekcija -->
       		<section class="section">
            	<div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<img class="behind ipad-book" src="img/ipad-book.png" alt="xxx">
                    </div>
                </div>
            </section>
            <!-- \druga sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>What our offer <span class="red">includes</span></h2>
						</li>
						<li>
							<h2>What our offer <span class="red">includes</span></h2>
						</li>
						<li>
							<h2>What our offer <span class="red">includes</span></h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <p>Our offer includes a full publishing package which will allow you to launch your masterpiece without losing your creative freedom. And the best part is that our services are inexpensive, yet of a high quality!
				</p>
            </section>
            <!-- \druga sekcija -->
            <!-- treca sekcija -->
              <section class="section">
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \treca sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>